

nav{
  height:160px;
  border-bottom:3px solid #fc4c65;
  #search{
    height:120px;

    h1{
      padding-top:30px;
      box-sizing:border-box;
      height:120px;
      width:176px;
      margin-right:70px;
      float:left;
    }
    .freecar{
      height:31px;
      width:176px;
      margin-top:50px;
      margin-right:56px;
      float:left;
    }
    .searchCon{
      margin-top:45px;
      float:left;
      .searchBar{
        position:relative;
        height:40px;
        width:580px;
        box-sizing:border-box;
        #textInps{
          position:relative;
          float:left;
          height:100%;
          width:474px;
          input{
            box-sizing:border-box;
            height:100%;
            width:100%;
            outline:0;
            border-top-left-radius:5px;
            border-bottom-left-radius:5px;
            border-left:3px solid #fc4c65;
            border-bottom:2px solid #fc4c65;
            border-top:2px solid #fc4c65;
          }
        }
        #searBtn{
          height:100%;
          width:100px;
          float:left;
          border-radius:5px;
          button{
            height:100%;
            width:100%;
            border-top-right-radius:5px;
            border-bottom-right-radius:5px;
            background:#fc4c65;
            color:white;
            font-weight:bold;
            line-height:38px;
            text-align:center;
            border:0;
            letter-spacing:10px;
            font-size:18px;
          }
        }
      }

      .hotsearch{
        font-size:12px;
        margin-top:5px;
        >a{
          margin-right:6px;
          color:#999999;
        }
      }
    }
    .cart{
      float:left;
      height:38px;
      box-sizing:border-box;
      line-height:38px;
      margin-top:45px;
      border-radius:2px;
      border:1px solid #ccc;
      width:125px;
      background:#f9f9f9;
      div.litCar{
        float:left;
        width:22px;
        height:16px;
        margin-top:10px;

      }
      span{
        float:left;
        font-size:14px;
        color:grey;
      }
    }
  }
  #nav{
    //background:pink;

    height:40px;
    float:left;
    width:100%;
    >ul{
      .guide:hover #subNav{
        display:block;
      }
      >li:nth-of-type(1){
        width:200px;
        position:relative;
        background:#fc4c65;
        a{
          font-size:16px;
          color:white;
          i.downIcont{
            background:url("../../images/whiteToDown.png") no-repeat center;
          }
        }
        ul#subNav{
          display:none;
          width:100%;
          z-index:99;
          position:absolute;
          padding:25px 0;
          background:#fc4c65;

          li:nth-of-type(1){background: url("../../images/index_icon2.png") no-repeat 20px top; }
          li:nth-of-type(2){background: url("../../images/index_icon2.png") no-repeat 20px -50px; }
          li:nth-of-type(3){background: url("../../images/index_icon2.png") no-repeat 20px -100px; }
          li:nth-of-type(4){background: url("../../images/index_icon2.png") no-repeat 20px -150px; }
          li:nth-of-type(5){background: url("../../images/index_icon2.png") no-repeat 20px -200px; }
          li:nth-of-type(6){background: url("../../images/index_icon2.png") no-repeat 20px -250px; }
          li:nth-of-type(7){background: url("../../images/index_icon2.png") no-repeat 20px -300px; }
          >li:hover{
            background-color:#cc4155;
          }
          >li:hover .thirdNav{
            display:block;
          }
          >li{
            //background:;
            width:100%;
            text-indent:15px;
            >a{
              height:50px;
              line-height:50px;
              font-size:13px;
              background:url("../../images/index-icon.png") no-repeat 160px -20px;
            }
            #show{
              display:block;
            }
            .thirdNav{
              display:none;
              background:rgba(255,255,255,0.9);
              //background:red;
              position:absolute;
              left:200px;
              top:4px;
              z-index:99;
              box-sizing:border-box;
              padding:0 20px;
              height:400px;
              width:900px;
              .liTop{
                padding:0;
                border-bottom:1px dashed #6c6c6c;
                line-height:30px;
                span{
                  width:84px;
                  //text-align:center;
                  font-size:16px;
                  color:black;
                  background:url("../../images/index-icon.png") no-repeat -55px -38px;
                }
                a:hover{
                  color:#fc4c65;
                }
                span,i,a{
                  font-size:13px;
                  color:#6c6c6c;
                  padding:0;
                  float:left;
                  margin:0 5px;
                }
              }
              h3{
                line-height:80px;
                text-indent:10px;
                font-size:18px;
              }
              >section.devide{
                height:235px;
                width:100%;
                div{
                  float:left;
                  height:100%;
                  width:150px;
                  margin:0 20px 0 0;
                  padding:0;
                  >a{
                    height:150px;
                    width:150px;
                    padding:0;
                    font-size:0;
                    overflow:hidden;
                    img{
                      top:0;
                      height:100%;
                      width:100%;
                    }
                  }
                  p{
                    width:100%;
                    line-height:30px;
                    font-size:12px;
                    a{
                      color:#595757;font-size:12px;padding:0;line-height:30px;
                      overflow:hidden;
                      white-space:nowrap;
                      text-overflow:ellipsis;
                    }
                    b{font-size:14px;color:red;font-weight:bold}
                  }
                }
              }
            }
          }
        }
      }
    }
    >ul{
      >li{
        float:left;
        line-height:40px;
        color:grey;
        a,div{
          font-size:13px;
          height:40px;
          display:block;
          padding:0 40px;
          color:grey;
          vertical-align:center;
          img{
            display:inline-block;
            position:relative;
            top:5px;
            margin-right:5px;
          }
        }
      }
    }
    .inf{
      i.bugle{
        height:16px;
        width:16px;
        margin-top:12px;
        margin-left:23px;
        float:left;
        background:url("../../images/icon_all.png") no-repeat -67px -75px;
      }
    }
  }
}

#cont{
  >.headline{
    width:1200px;
    margin:0 auto;
    height:42px;
    line-height:42px;
    font-size:12px;
    color:#aaaaaa;
    border-bottom:1px solid #eeeeee;
    span{margin-left:4px}
    a{
      color:#aaaaaa;
    }
  }

  #goods{
    width:1200px;
    margin:0 auto;
    //background:pink;
    padding-top:50px;
    .leftpic{
      float:left;
      .smallpic{
        float:left;
        position:relative;
        width:94px;
        height:392px;
        i,em{
          overflow:hidden;
          background:white;
          width:100%;
          height:20px;
          display:block;
          >img{
            margin-top:3px;
            height:8px;
            width:100%;
            //margin-left:10px;
          }
        }
        ul{
          height:352px;
          overflow:hidden;
          >li{
            position:relative;
            box-sizing:border-box;
            border:1px solid #ccc;
            height:85px;
            width:85px;
            margin-bottom:4px;
            margin-left:5px;
            img{
              height:100%;
              width:100%;
            }
          }
        }

      }
      .midpic{
        float:left;
        height:380px;
        width:380px;
        border:1px solid #ccc;
        margin-left:20px;
        //background:orange;
        position:relative;
        img{
          height:100%;
          width:100%;
        }
        #shadow{
          display:none;
          left: 0;top: 0;
          position:absolute;
          height:190px;
          width:190px;
          background:rgba(255,255,255,.4);
          border:1px solid #ccc;
          box-sizing:border-box;
        }
      }
      .bigpic{
        left:550px;
        height:380px;
        width:380px;
        position:absolute;
        z-index:999;
        background:white;
        overflow:hidden;
        display:none;
        img{
          position:absolute;
          width:760px;
          height:760px;
          //left: -190px;top: -190px;
        }
      }
    }
    .goodsInfor{
      position:relative;
      float:left;
      margin-left:10px;
      line-height:20px;
      width:438px;
      font-size:12px;
      color:#333;
      h2{
        font-size:18px;
        padding-bottom:20px;
        border-bottom:1px dotted black;
      }
      >p{line-height:30px;font-size:12px}
      >.describe{
        height:112px;
        position:relative;
        z-index:10;
        .flex{
          width:100%;
          background:#e6e6e6;
          //height:100px;
          //overflow:hidden;
          left: 0;top: 0;
          padding-bottom:20px;
          >p{
            line-height:40px;
            >.price{font-size:13px;letter-spacing:5px}
            >b{font-size:18px;font-weight:bold;color:darkred}
          }
          .tip{ float:left;}
          .tip1{
            width:120px;
            color:black;
            >i{
              padding:5px;
              color:white;
              background:red;
              margin:0 4px;
            }
          }
          .tip2{
            width:300px;
            height:50px;
            overflow:hidden;
          }

        }
        >p{
          position:relative;
          top: -20px;
          line-height:20px;
          padding-right:20px;
          i{
            float:right;
            background:url("../../images/detail/icon/sprite.png") no-repeat -28px -20px;
            height:8px;
            width:20px;
            position:relative;
            top: 7px;
            margin-left:5px;
          }
          span{float:right;color:#888}
        }
      }
      .describe:hover .flex{
        //height:auto;
      }
      .describe:hover .tip2{
        //background:#e6e6e6;
        height:auto;
        //padding-bottom:20px;
      }
      .describe:hover .open{
        display:none;
      }
      .sum{
        position:absolute;
        top: 200px;
        height:32px;
        line-height:32px;
        >div{
          float:left;
          >button{
            outline:none;
            font-size:16px;
            font-weight:bold;
            color:#333;
            float:left;
            height:32px;
            width:28px;
            background:#e6e6e6;
            text-alige:center;
            border:1px solid #ccc;
          }
          >button:hover{
            color:#fc4c65;
          }
          >input{
            float:left;
            display:inline-block;
            height:30px;
            width:100px;
            border:1px solid #ccc;
            text-align:center;
            line-height:30px;
            font-size:18px;
          }
        }
        em{
          margin-left:30px;
        }
      }
      >button{
        height:30px;
        line-height:30px;
        border:0;
        color:white;
        padding:0 5px;
        margin-top:20px;
        margin-right:20px;
        position:absolute;
        top:230px;
      }
      >button#purchase{
        left:20px;
        background:green;
      }
      >button#addcar{
        background:#fc4c65;
        left:100px;
      }
    }
    .scancode{
      float:left;
      width:200px;
      >div{
        margin-left:10px;
        margin-bottom:10px;
        border:1px solid #ccc;
        width:200px;
        padding:10px 20px;
        box-sizing:border-box;
        p{text-align:center;font-size:13px;margin-bottom:3px}

        em{ display:block; text-align:center;font-size:12px;margin-top:3px;}
        div,img{
          //margin-left:10px;
          height:150px;
          width:150px;
        }
      }
      span{
        font-size:12px;
        border:1px solid #ccc;
        line-height:28px;
        width:160px;
        margin-left:20px;
        text-decoration:underline;
        display:block;
        text-align:center;
        //padding:4px 20px;
        background:#e6e6e6;

      }
    }

  }
}